<template>
	<div class="simulation-container">
		<iframe class="iframe" :src="src" frameborder="0"></iframe>
	</div>
</template>

<script>
import { domain } from "@/config";

export default {
	props: ["detailData"],
	data() {
		return {};
	},
	computed: {
		src() {
			return `${domain.split(":")[1]}:` + this.detailData.tcp_port_list[0].endpoint.split(":")[1];
		},
	},
	async created() {},
	mounted() {},
	destroyed() {},
	methods: {},
};
</script>
<style lang="less" scoped>
.simulation-container {
	width: 100%;

	.iframe {
		width: 100%;
		min-height: 90vh;
	}
}
</style>
